<aside class="col-xs-6 col-sm-4 col-md-3 sidebar-offcanvas sidebar" id="sidebar">
	<div class="panel panel-1">
		<div class="panel-heading">
			<h3 class="panel-title"><i class="fa fa-bars"></i> danh mục sản phẩm</h3>
		</div>
		<div class="list-group product-menu">
            <a href="#" class="list-group-item active"><i class="fa fa-angle-right"></i> Keo dán đá</a>
            <a href="#" class="list-group-item"><i class="fa fa-angle-right"></i> Lưỡi cắt đá</a>
            <a href="#" class="list-group-item"><i class="fa fa-angle-right"></i> Hóa chất chuyên nghiệp</a>
            <a href="#" class="list-group-item"><i class="fa fa-angle-right"></i> Pas, ốc, tắt kê nở</a>
            <a href="#" class="list-group-item"><i class="fa fa-angle-right"></i> Các phụ kiện khác</a>
		</div>
	</div>
	<div class="panel panel-2">
		<div class="panel-heading">
			<h3 class="panel-title"><i class="fa fa-comments"></i> hỗ trợ trực tuyến</h3>
		</div>
		<div class="panel-body">
			<ul class="list-unstyled onl-support">
				<li>
					<a href=""><img src="images/i_sky.png" alt=""></a>
					<a href=""><img src="images/i_yh.png" alt=""></a>
					Mr. Duy Thanh
					<p><b>Điện thoại: 0123456789</b></p>
				</li>
				<li>
					<a href=""><img src="images/i_sky.png" alt=""></a>
					<a href=""><img src="images/i_yh.png" alt=""></a>
					Mr. Duy Thanh
					<p><b>Điện thoại: 0123456789</b></p>
				</li>
				<li>Email: info@nhatphong.com.vn</li>
				<li>Website: nhatphong.com.vn</li>
				<li>Lượt truy cập: <b>34</b></li>
				<li>Đang online: <b>3</b></li>
			</ul>
		</div>
	</div>
	<div class="panel panel-2">
		<div class="panel-heading">
			<h3 class="panel-title"><i class="fa fa-cubes"></i> sản phẩm nổi bật</h3>
		</div>
		<div class="panel-body">
			<div class="product-farovite">
				<a href="" class="vticker-control vticker-1-up"><i class="fa fa-angle-up"></i></a>
				<a href="" class="vticker-control vticker-1-down"><i class="fa fa-angle-down"></i></a>
				<div class="vticker vticker-1">
					<ul>
						<?php
						for ($i=1; $i < 8; $i++) { 
							?>
							<li>
								<div class="thumb-item">
									<div class="cover">
										<a href="?page=chi-tiet-san-pham"><img src="images/p_1.png" alt=""></a>
									</div>
									<div class="caption">
										<a href="?page=chi-tiet-san-pham"><h4>Lát cắt đá</h4></a>
										<div>Mã số: A123</div>
									</div>
								</div>
							</li>
							<?php
						}
						?>
					</ul>
				</div>
				<!-- Ticker JQuery -->
				<script src="js/jquery.easy-ticker.js"></script>
				<script type="text/javascript">
					$(document).ready(function(){
						$('.vticker-1').easyTicker({
							direction : 'up',
							speed: 'slow',
							interval: 3000,
							height: 'auto',
							visible: 3,
							mousePause: 1,
							controls: {
								up: '.vticker-1-up',
								down: '.vticker-1-down'
							}
						});
					});
				</script>
			</div>
		</div>
	</div>
	<div class="panel panel-2">
		<div class="panel-heading">
			<h3 class="panel-title"><i class="fa fa-refresh"></i> đối tác</h3>
		</div>
		<div class="panel-body">
			<div class="partner">
				<a href="http://daigiaphuc.com" target="_blank">
					<div class="thumb-item">
						<div class="cover">
							<img src="images/1.png" alt="">
						</div>
						<div class="caption">
							<h4>Thi công, gia công đá granite Đại Gia Phúc</h4>
						</div>
					</div>
				</a>
				<a href="http://vesinhhoanggia.com/" target="_blank">
					<div class="thumb-item">
						<div class="cover">
							<img src="images/1.png" alt="">
						</div>
						<div class="caption">
							<h4>Vệ sinh, đánh bóng, bảo dưỡng Hoàng Gia</h4>
						</div>
					</div>
				</a>
			</div>
		</div>
	</div>
</aside>